<style lang="less">
.cps-icon-edit {
    vertical-align: middle;
    .ic-side {
        stroke: #ccc;
    }
}
</style>

<template>
    <svg class="cps-icon-edit" :width="width | px2rem" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
        <g class="ic-side" stroke-width="3" fill="none">
            <path stroke-linecap="round" d="M32.12 1.876L16.665 17.534" />
            <path d="M34 13.044V30a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h12.186" />
        </g>
    </svg>
    <!--    <svg class="cps-icon-edit" viewBox="0 0 1024 1024" :width="width" :height="width">-->
    <!--        <path-->
    <!--            d="M862.917278 517.727445V858.567203c0 18.162662-14.398942 32.937157-32.098045 32.937157h-643.905193c-17.698081 0-32.097022-14.775518-32.097022-32.937157V209.209836c0-18.159592 14.398942-32.93511 32.097022-32.93511h321.952596l0.001024-66.965158H186.91404c-54.710043 0-99.06218 44.723597-99.06218 99.899244V858.567203c0 55.1736 44.352137 99.902314 99.06218 99.902315h643.905193c54.713113 0 99.063203-44.728714 99.063203-99.902315V515.762697l-69.244061-0.156566 2.278903 2.121314z"-->
    <!--            fill="#11D96F"></path>-->
    <!--        <path-->
    <!--            d="M883.612623 65.530482L463.326441 489.369583l-9.060353 61.503773 61.59587-8.524141L936.147116 118.508068z"-->
    <!--            fill="#11D96F"></path>-->
    <!--    </svg>-->
</template>

<script>
export default {
    name: "cps-svg-edit",
    props: {
        width: {
            type: Number,
            default: 48
        }
    }
}
</script>
